<template>
	<view style="background-color: white;height: 1300rpx;padding-top: 20rpx;">
		<view style="width: 90%;height: 45%;border: 1rpx #e6e6e6 solid;margin: 0 auto;border-radius: 15rpx;">
			<view style="text-align: center;">
				<view style="height: 80rpx;background-color: #E8E8E8;line-height: 80rpx;font-size: 14px;">自提码</view>
				<view style="height: 80rpx;line-height: 80rpx;font-size: 20px;font-weight: 800;">{{code}}</view>
			</view>
			<view style="text-align: center; pointer-events: none;">
				<view style="height: 80rpx;background-color: #E8E8E8;line-height: 80rpx;font-size: 14px;">自提二维码</view>
				<view style="text-align: center;padding-top: 20rpx;">
					<view id="qrcode">
						<image :src="qrcodeURL" style="width: 140px;height: 140px;"></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import Qr from '@/components/wxqrcode/wxqrcode.js'
	export default {
		data() {
			return {
				code:'',		//自提码
				qrcodeURL: "",	//二维码地址
			}
		},
		onLoad(opt) {
			this.code = opt.code
			this.buildQrcode(opt.code)
		},
		methods: {
			//生成二维码
			buildQrcode(code){
				this.qrcodeURL = Qr.createQrCodeImg(code)
			},
		}
	}
</script>

<style>
	
</style>
